﻿<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page isELIgnored="false"%>
<c:set var="rootpath" value="${pageContext.request.contextPath}"></c:set>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- 标题修改 -->
<meta name="title" content="task">
<meta name="description" content="task">
<meta name="keywords" content="task">
<title>task</title>

<link rel="icon" href="http://v3.bootcss.com/favicon.ico">

<link rel="stylesheet" href="${rootpath }/css/font.css">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="${rootpath }/css/bootstrap.min.css">

<link href="${rootpath }/css/blog.css" rel="stylesheet">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="${rootpath }/css/bootstrap-theme.min.css">

<link href="${rootpath }/css/login/signin.css" rel="stylesheet">

<link href="${rootpath }/js/docs.min.js" rel="stylesheet">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="${rootpath }/js/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="${rootpath }/js/bootstrap.min.js"></script>

</head>

<body>
	<div class="blog-masthead">
		<div class="container">
			<nav class="blog-nav ">
				<a class="blog-nav-item active" href="frame">首页</a> <a
					class="blog-nav-item" href="about">关于网站</a> <a
					class="blog-nav-item" href="login">登录系统</a>
			</nav>
		</div>
	</div>

	<div class="container">

		<div class="blog-header">
			<h1 class="blog-title">穿过岁月去看你</h1>
			<p class="lead blog-description">我还在做着年轻时候的梦。我会穿过时间，穿过荆棘，穿过悲伤和忧愁，历经千山万水去牵你的手..</p>
		</div>

		<div class="row">

			<div class="col-sm-8 blog-main">

				<c:forEach var="essay" items="${essays}">
					<div class="blog-post">
						<h2 class="blog-post-title">${essay.title }</h2>
						<p class="blog-post-meta">${essay.time }</p>
						<c:out value="${essay.content }"></c:out>
					</div>
				</c:forEach>

				<!-- /.blog-post -->
				<nav>
					<ul class="pager">
						<c:choose>
							<c:when test="${page-1 < 0}">
								<li><a href="#">上一页</a></li>
							</c:when>
							<c:otherwise>
								<li><a href="previous_page?page=${page-1 }">上一页</a></li>
							</c:otherwise>
						</c:choose>
						<li><a href="next_page?page=${page+1 }">下一页</a></li>
					</ul>
				</nav>

			</div>
			<!-- /.blog-main -->

			<div class="col-sm-3 col-sm-offset-1 blog-sidebar">
				<div class="sidebar-module sidebar-module-inset">
					<h4>关于作者</h4>
					<p>
						作为一名默默无闻的程序狗<br> 在一个20+的年龄里，迷茫彷徨<br>
						如果说我有什么理想，就是不上班有钱拿，过着猪一样的生活。哈哈哈<br>
						能给作者指明出路，或者平时想找个人打LOL欢迎联系作者QQ1181819395
					</p>
				</div>
				<div class="sidebar-module">
					<h4>Archives</h4>
					<ol class="list-unstyled">
						<li><a href="http://v3.bootcss.com/examples/blog/#">March
								2014</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">February
								2014</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">January
								2014</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">December
								2013</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">November
								2013</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">October
								2013</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">September
								2013</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">August
								2013</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">July
								2013</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">June
								2013</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">May
								2013</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">April
								2013</a></li>
					</ol>
				</div>
				<div class="sidebar-module">
					<h4>Elsewhere</h4>
					<ol class="list-unstyled">
						<li><a href="http://v3.bootcss.com/examples/blog/#">GitHub</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">Twitter</a></li>
						<li><a href="http://v3.bootcss.com/examples/blog/#">Facebook</a></li>
					</ol>
				</div>
			</div>
			<!-- /.blog-sidebar -->

		</div>
		<!-- /.row -->

	</div>
	<!-- /.container -->

	<div class="blog-footer">
		<p>
			Blog template built for <a href="http://getbootstrap.com/">Bootstrap</a>
			by <a href="https://twitter.com/mdo">@mdo</a>.
		</p>
		<p>
			<a href="http://v3.bootcss.com/examples/blog/#">Back to top</a>
		</p>
	</div>


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="${rootpath }/js/jquery.min.js"></script>
	<script src="${rootpath }/js/bootstrap.min.js"></script>
	<script src="${rootpath }/js/docs.min.js"></script>
	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->


	<div id="global-zeroclipboard-html-bridge"
		class="global-zeroclipboard-container" title=""
		style="position: absolute; left: 0px; top: -9999px; width: 15px; height: 15px; z-index: 999999999;"
		data-original-title="Copy to clipboard">
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
			id="global-zeroclipboard-flash-bridge" width="100%" height="100%">
			<param name="movie"
				value="/assets/flash/ZeroClipboard.swf?noCache=1475032827411">
			<param name="allowScriptAccess" value="sameDomain">
			<param name="scale" value="exactfit">
			<param name="loop" value="false">
			<param name="menu" value="false">
			<param name="quality" value="best">
			<param name="bgcolor" value="#ffffff">
			<param name="wmode" value="transparent">
			<param name="flashvars"
				value="trustedOrigins=v3.bootcss.com%2C%2F%2Fv3.bootcss.com%2Chttp%3A%2F%2Fv3.bootcss.com">
			<embed src="/assets/flash/ZeroClipboard.swf?noCache=1475032827411"
				loop="false" menu="false" quality="best" bgcolor="#ffffff"
				width="100%" height="100%" name="global-zeroclipboard-flash-bridge"
				allowscriptaccess="sameDomain" allowfullscreen="false"
				type="application/x-shockwave-flash" wmode="transparent"
				pluginspage="http://www.macromedia.com/go/getflashplayer"
				flashvars="trustedOrigins=v3.bootcss.com%2C%2F%2Fv3.bootcss.com%2Chttp%3A%2F%2Fv3.bootcss.com"
				scale="exactfit">
		</object>
	</div>
</body>
</html>